<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
***Not sure why the map won't display with the DOCTYPE and xmlns in the head so i took it out to see the map.
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta name="keywords" content="University of North Carolina at Wilmington, Center for Support of Undergraduate Research and Teaching, undergrad, research, teaching, CSURF">
<meta name="description" content="Regional Coastal Ocean Observing System RCOOS">

<!-- Google Analytics traffic tracking script -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ?
"https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost +
"google-analytics.com/ga.js'
type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3867608-1");
pageTracker._initData(); pageTracker._trackPageview(); </script>


<title>RCOOS</title>
<link href="styles/main.css" rel="stylesheet" type="text/css" />
<!-- was having to play with map style a lot so i just moved it here.  100% won't work for height so played around with w/h a lot to find what works....it may need further addjustments-->
<style type="text/css">
    #map {
	width: 100%;
	height: 400;
	border: 0px;
    }
 </style>

<script src="http://openlayers.org/api/OpenLayers.js"></script>

<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
#sidebar1 { padding-top: 30px; }
#content { zoom: 1; padding-top: 15px; }
</style>
<![endif]--></head>

<body>

<div id="container">
